﻿<style>
/*list02 css start*/
.list02{ margin-right:10px;}
.list02 ul li{ border-bottom:dashed 1px #666; line-height:20px;  text-align:left;color: #111; }
.list02 ul li span { float:right;margin-right:10px; color: #111;}
.list02 .news_hd {  /*background:url(images/news_ico.jpg) no-repeat 5px;*/cursor: pointer; padding: 7px 10px; }
.list02 .news_bd { padding: 10px 20px 15px; margin: 5px; background: #FFFFFF; display:none;line-height:25px; }
.list02 .news_bd a, .word_list01 .news_bd a:visited { text-decoration: none; color: #333; }
.list02 .news_bd a:hover { text-decoration: underline; }
.news_clicked,.news_clicked span { background-color: #929293 !important;color:#ffffff !important }
/* list02 css end*/
</style>
<script type="text/javascript">
    $(function () {
        jQuery(".news_hd").click(function () {
            jQuery(".news_hd").removeClass("news_clicked");
            jQuery(this).addClass("news_clicked").next(".news_bd").slideDown(200).siblings(".news_bd").hide();
        });
    });
</script>
<div class="list02">
  <ul>
    #foreach($item in $list)
    <li class="news_hd"><span>[${item.add_time}]</span>${item.title}</li>
    <li class="news_bd">
      <div> <a href="$html.GetShowUrl($item.id,$item.link_url)" title="${item.title}">$string.CutString($item.seo_desc,180)
        【Detail】</a> </div>
      <br style="clear: both" />
    </li>
    #end
  </ul>
</div>
